<div class="navi">
    <ul class='main-nav'>
        <li class='active'>
            <a href="#" class='light'>
                <div class="ico"><i class="ficon-globe"></i></div>
                Services
            </a>
        </li>
        
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-phone"></i></div>
                Enquiry
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/Enquiry/Enquiry.jsp">
                        View Enquiry
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/Enquiry/AddEnquiry.jsp">
                        Add Enquiry
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-mail4"></i></div>
                Admission
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/Admission/Admission.jsp">
                        View Admission
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/Admission/AddAdmission.jsp">
                        Add Admission
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-angry2"></i></div>
                Attendance 
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/Attendance/Attendance.jsp">
                        View Attendance
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/Attendance/AddAttendance.jsp">
                        Add Attendance
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-android"></i></div>
                Examination 
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/Examination/Examination.jsp">
                        View Examination
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/Examination/AddExamination.jsp">
                        Add Examination
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-wink"></i></div>
                Hostel 
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/Hostel/Hostel.jsp">
                        Hostel
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/Hostel1/AddHostel.jsp">
                        Add Hostel
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-wondering2"></i></div>
                Accounts 
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/Accounts/Accounts.jsp">
                        Accounts
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/Accounts/AddAccounts.jsp">
                        Add Accounts
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-library"></i></div>
                Library 
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/Library/Library.jsp">
                        Library
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/Library/AddLibrary.jsp">
                        Add Library
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-happy"></i></div>
                Human Resource
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/HR/Consultant.jsp">
                        Consultant
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/HR/HR.jsp">
                        Employee
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-bell"></i></div>
                Payroll
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/Payroll/Payroll.jsp">
                        View Payroll
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/Payroll/AddPayroll.jsp">
                        Add Payroll
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" class='light toggle-collapsed'>
                <div class="ico"><i class="ficon-instagram"></i></div>
                Inventory
                <img src="/RIT/img/toggle-subnav-down.png" alt="">
            </a>
            <ul class='collapsed-nav closed'>
                <li>
                    <a href="/RIT/Services/Inventory/Inventory.jsp">
                        View Inventory
                    </a>
                </li>
                <li>
                    <a href="/RIT/Services/Inventory/AddInventory.jsp">
                        Add Inventory
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</div>